.tree {
	font-size: 12px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.tree li {
	white-space: nowrap;
}

.tree li ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.tree-node {
	height: 20px;
	white-space: nowrap;
	cursor: pointer;
}

.tree-node-range {
	padding: 0px;
}

.tree-node-proxy {
	font-size: 12px;
	line-height: 20px;
	padding: 0;
	border-width: 1px;
	border-style: solid;
	z-index: 9900000;
	line-height: 20px;
}

.tree-indent {
	display: inline-block;
	width: 12px;
	height: 20px;
	vertical-align: middle;
}

.tree-hit {
	cursor: pointer;
}

.tree-collapsed {
	display: inline-block;
	width: 16px;
	height: 18px;
	vertical-align: middle;
	background: url("images/ui-icons_217bc0_256x240.png");
	background-position: -32px -16px;
}

.tree-collapsed-hover {
	background: url("images/ui-icons_ffffff_256x240.png");
	background-position: -32px -16px;
}

.tree-expanded {
	display: inline-block;
	width: 16px;
	height: 18px;
	vertical-align: middle;
	background: url("images/ui-icons_217bc0_256x240.png");
	background-position: -48px -16px;
}

.tree-expanded-hover {
	background: url("images/ui-icons_ffffff_256x240.png");
	background-position: -48px -16px;
}

.tree-lines .tree-expanded {
	background: url('images/tree_elbow.png') no-repeat -36px -54px;
}

.tree-lines .tree-collapsed {
	background: url('images/tree_elbow.png') no-repeat 0px -36px;
}

.tree-lines .tree-node-last .tree-expanded {
	background: url('images/tree_elbow.png') no-repeat -18px 0px;
}

.tree-lines .tree-node-last .tree-collapsed {
	background: url('images/tree_elbow.png') no-repeat -36px -36px;
}

.tree-lines .tree-root-first .tree-expanded {
	background: url('images/tree_elbow.png') no-repeat -18px -54px;
}

.tree-lines .tree-root-first .tree-collapsed {
	background: url('images/tree_elbow.png') no-repeat -18px -36px;
}

.tree-lines .tree-root-one .tree-expanded {
	background: url('images/tree_elbow.png') no-repeat 0px -18px;
}

.tree-lines .tree-root-one .tree-collapsed {
	background: url('images/tree_elbow.png') no-repeat 0px -72px;
}

.tree-line {
	background: url('images/tree_elbow.png') no-repeat 0px -54px;
}

.tree-join {
	background: url('images/tree_elbow.png') no-repeat -18px -18px;
}

.tree-joinbottom {
	background: url('images/tree_elbow.png') no-repeat 0px 0px;
}

.tree-folder {
	display: inline-block;
	background-image: url("images/ui-icons_217bc0_256x240.png");
	background-position: 0 -96px;
	width: 16px;
	height: 18px;
	vertical-align: middle;
}

.tree-folder-open {
	background-image: url("images/ui-icons_217bc0_256x240.png");
	background-position: -16px -96px;
}

.tree-file {
	display: inline-block;
	background-image: url("images/ui-icons_217bc0_256x240.png");
	background-position: -32px -96px;
	width: 18px;
	height: 18px;
	margin-top: 3px; 
	margin-right : -3px;
	vertical-align: middle;
	text-decoration: none;
	padding-left: 1px;
	white-space: nowrap;
}

.tree-loading {
	background: url('images/loading.gif') no-repeat;
}

.tree-title {
	display: inline-block;
	text-decoration: none;
	vertical-align: middle;
	padding-left: 1px;
	white-space: nowrap;
	font-size: 12px;
}

.tree-node-hover {
	background: #f6a828
		url("images/ui-bg_glass_75_d0e5f5_1x400.png") 50% 50%
		repeat-x;
	color: #003366;
}

.tree-node-selected {
	background: #f6a828
		url("images/ui-bg_glass_75_d0e5f5_1x400.png") 50% 50%
		repeat-x;
	color: #003366;
}

.tree-checkbox {
	display: inline-block;
	width: 16px;
	height: 18px;
	vertical-align: middle;
}

.tree-checkbox0 {
	background: url("images/ui-icons_3d80b3_256x240.png");
	background-position: -112px -144px;
}

.tree-checkbox1 {
	background: url("images/ui-icons_3d80b3_256x240.png");
	background-position: -80px -144px;
}

.tree-checkbox2 {
	background: url("images/ui-icons_3d80b3_256x240.png");
	background-position: -96px -144px;
}

.tree-dnd-yes {
	background: url("images/ui-icons_3d80b3_256x240.png");
	background-position: -64px -144px;
}

.tree-dnd-no {
	background: url("images/ui-icons_3d80b3_256x240.png");
	background-position: -64px -144px;
}

.tree-node-top {
	border-top: 1px dotted red;
}

.tree-node-bottom {
	border-bottom: 1px dotted red;
}

.tree-node-append .tree-title {
	border: 1px dotted red;
}

.tree-editor {
	border: 1px solid #0099ff;
	font-size: 12px;
	line-height: 16px;
	width: 80px;
	position: absolute;
	top: 0;
	background: #ffffff;
}